<template>
  <svg viewBox="0 0 515.5 360.9" xml:space="preserve">
    <g id="Layer_1">
      <path
        class="st0"
        d="M49.5,190.9c-7.7-51.5-25-56-38.3-82c-12.1-23.6-21.8-62.3,12.3-90c53-43,118,1,118,1s103,59,121,62
			s62,33,117-3s102-33,117-6s-19,105-27,121s4,66,17,86s54,82-34,80s-352,1-352,1s-94.8-1.8-78-94C36.5,189.9,52.5,210.9,49.5,190.9
			z"
      />
      <circle class="st1" cx="83.5" cy="163.9" r="20" v-for="(item, i) in g1" :key="i" />
      <rect x="83.4" y="187.7" class="st1" width="119.5" height="78.4" rx="3" />
      <circle class="st1" cx="50" cy="188.4" r="13.5" />
      <circle class="st1" cx="52" cy="157.4" r="7.5" />
      <circle class="st1" cx="15" cy="62.4" r="7.5" />
      <circle class="st2" cx="140" cy="297.4" r="35.5" />
      <circle class="st2" cx="374.5" cy="325.9" r="24" />
      <circle class="st2" cx="466.5" cy="201.9" r="13" />
      <circle class="st2" cx="369.5" cy="84.9" r="26" />
      <circle class="st2" cx="131" cy="15.4" r="12.5" />
      <circle class="st2" cx="91" cy="264.4" r="12.5" />
      <circle class="st1" cx="494" cy="119.4" r="12.5" />
      <circle class="st1" cx="474" cy="331.4" r="13.5" />
      <circle class="st1" cx="504" cy="338.4" r="7.5" />
    </g>  <foreignObject width="120" height="50" >
    <p class="error"  style="font-size:12px;margin:0;">一段需要word wrap的文字。</p>
  </foreignObject>
    <g id="Layer_2">
      <g id="Computer">
        <title>Computer</title>
        <path class="st1" d="M288.2,283.1h118.2c0,0,4.4-0.2,4.4-5.4v-10.2H283.5v12.3C284.2,281.9,286,283.2,288.2,283.1" />
        <path class="st1" d="M283.5,190.8l-0.1,80.7l127.3-1.2v-81.9c0,0,0.8-4.7-4.2-4.7H288.3C288.3,183.8,283,183.8,283.5,190.8" />
        <polygon class="st1" points="337.1,304.8 337.1,282.3 355.7,283.1 355.7,302.8 		" />
        <polygon class="st1" points="307.5,302.5 384.9,302.5 385,306.4 307.5,306.4 		" />
        <path
          class="st3"
          d="M346,273.1c2.1,0,3.7,1.6,3.7,3.7s-1.6,3.7-3.7,3.7s-3.7-1.6-3.7-3.7C342.3,274.7,344,273.1,346,273.1
			L346,273.1"
        />
        <rect x="287.4" y="187.7" class="st0" width="119.5" height="78.4" />
        <path
          class="st4"
          d="M293.4,191.7c1,0,1.9,0.9,1.9,1.9c0,1-0.9,1.9-1.9,1.9s-1.9-0.9-1.9-1.9C291.5,192.6,292.4,191.7,293.4,191.7
			L293.4,191.7"
        />
        <path
          class="st5"
          d="M299.8,191.7c1,0,1.9,0.9,1.9,1.9c0,1-0.9,1.9-1.9,1.9s-1.9-0.9-1.9-1.9C297.9,192.6,298.7,191.7,299.8,191.7
			L299.8,191.7"
        />
        <path
          class="st6"
          d="M306.4,191.7c1,0,1.9,0.9,1.9,1.9c0,1-0.9,1.9-1.9,1.9s-1.9-0.9-1.9-1.9C304.6,192.6,305.4,191.7,306.4,191.7
			L306.4,191.7"
        />

        <linearGradient
          id="SVGID_1_"
          gradientUnits="userSpaceOnUse"
          x1="1315.1656"
          y1="1171.5818"
          x2="1342.3239"
          y2="1171.5818"
          gradientTransform="matrix(1 0 0 1 -1009.9 -968)"
        >
          <stop offset="0" style="stop-color:#F71D69" />
          <stop offset="1" style="stop-color:#F8C648" />
        </linearGradient>
        <path
          class="st7"
          d="M332.4,205.4c-0.1,1-0.9,1.8-1.9,1.7h-22.9c-1.2,0-2.3-0.8-2.3-1.7v-3.5c0-0.9,1.1-1.8,2.3-1.8h22.8
			c1-0.1,1.9,0.7,2,1.7v0.1V205.4z"
        />

        <linearGradient
          id="SVGID_2_"
          gradientUnits="userSpaceOnUse"
          x1="1315.1656"
          y1="1187.8767"
          x2="1397.4163"
          y2="1187.8767"
          gradientTransform="matrix(1 0 0 1 -1009.9 -968)"
        >
          <stop offset="0" style="stop-color:#93FD94" />
          <stop offset="1" style="stop-color:#21C4C0" />
        </linearGradient>
        <path
          class="st8"
          d="M387.5,228.5c-0.1,1.1-1,1.9-2.1,1.9l0,0h-77.8c-1.2,0-2.3-0.9-2.3-1.9v-17.2c0-1,1.2-1.9,2.3-1.9h77.8
			c1.1-0.1,2,0.8,2.1,1.9l0,0l0,0V228.5z"
        />

        <linearGradient
          id="SVGID_3_"
          gradientUnits="userSpaceOnUse"
          x1="1315.1656"
          y1="1206.4968"
          x2="1340.772"
          y2="1206.4968"
          gradientTransform="matrix(1 0 0 1 -1009.9 -968)"
        >
          <stop offset="0" style="stop-color:#93FD94" />
          <stop offset="1" style="stop-color:#21C4C0" />
        </linearGradient>
        <path
          class="st9"
          d="M330.9,243.2c0,1-0.9,1.9-1.9,1.9l0,0h-21.4c-1.2,0-2.3-0.9-2.3-1.9v-9.5c0-1,1.2-1.9,2.3-1.9h21.3
			c1-0.1,1.9,0.7,2,1.8l0,0v0.1V243.2z"
        />

        <linearGradient
          id="SVGID_4_"
          gradientUnits="userSpaceOnUse"
          x1="1343.0997"
          y1="1206.4968"
          x2="1368.7061"
          y2="1206.4968"
          gradientTransform="matrix(1 0 0 1 -1009.9 -968)"
        >
          <stop offset="0" style="stop-color:#93FD94" />
          <stop offset="1" style="stop-color:#21C4C0" />
        </linearGradient>
        <path
          class="st10"
          d="M358.8,243.2c0,1-0.9,1.9-1.9,1.9l0,0h-21.4c-1.2,0-2.3-0.9-2.3-1.9v-9.5c0-1,1.2-1.9,2.3-1.9h21.3
			c1-0.1,1.9,0.7,2,1.8v0.1V243.2z"
        />

        <linearGradient
          id="SVGID_5_"
          gradientUnits="userSpaceOnUse"
          x1="1371.8099"
          y1="1206.4993"
          x2="1397.4163"
          y2="1206.4993"
          gradientTransform="matrix(1 0 0 1 -1009.9 -968)"
        >
          <stop offset="0" style="stop-color:#93FD94" />
          <stop offset="1" style="stop-color:#21C4C0" />
        </linearGradient>
        <path
          class="st11"
          d="M387.5,243.2c-0.1,1.1-1,1.9-2.1,1.9h-21.3c-1.2,0.1-2.1-0.8-2.3-1.9v-9.5c0.1-1.2,1.1-1.9,2.3-1.9h21.3
			c1.1-0.1,2.1,0.8,2.2,1.9l0,0l0,0L387.5,243.2L387.5,243.2z"
        />
        <path
          class="st12"
          d="M358.8,248.6c-0.2,0.4-0.5,0.6-0.9,0.7c-0.1,0-0.1,0-0.2-0.3h-23.4c-0.5,0.3-1.2,0-1.2-0.4v-0.3
			c0-0.4,0.7-0.8,1.2-0.9h23.4c0.4,0.1,0.6,0.4,0.7,0.7c0,0.1,0,0.1,0.2,0.2L358.8,248.6L358.8,248.6z"
        />
        <path
          class="st12"
          d="M358.8,251.6c-0.2,0.4-0.5,0.7-0.9,0.8c0,0-0.1,0-0.1-0.3h-23.5c-0.5,0.3-1.2,0-1.2-0.5v-0.3
			c0-0.4,0.7-0.7,1.2-0.8h23.4c0.4,0.1,0.8,0.4,0.9,0.8L358.8,251.6L358.8,251.6z"
        />
        <path
          class="st12"
          d="M358.8,254.7c-0.2,0.5-0.5,0.8-0.9,0.9c0-0.2,0-0.2,0-0.4h-23.5c-0.4,0.2-0.9,0.2-1.1-0.2
			c-0.1-0.1-0.1-0.2-0.1-0.2v-0.3c0-0.4,0.7-0.6,1.2-0.8h23.4c0.4,0.1,0.8,0.4,0.9,0.8L358.8,254.7z"
        />
        <path
          class="st12"
          d="M358.8,257.7c-0.2,0.5-0.5,0.9-0.9,1.3h-23.5c-0.5-0.4-1.2-0.9-1.2-1.3v-0.3c0-0.4,0.7-0.9,1.2-0.7h23.4
			c0.3-0.1,0.6,0.2,0.7,0.5c0,0.1,0,0.2,0,0.2c0,0,0,0,0.2,0.1L358.8,257.7L358.8,257.7z"
        />
        <path
          class="st12"
          d="M345.8,260.8c0,0.4-0.2,0.5-0.7,0.5h-10.8c-0.5,0-1.1-0.2-1.1-0.5v-0.3c0-0.4,0.6-0.7,1.1-0.7h10.8
			c0.4,0,0.7,0.3,0.7,0.7l0,0V260.8z"
        />
        <path
          class="st12"
          d="M387.5,248.6c-0.5,0.4-0.4,0.7-0.9,0.4h-23.4c-0.4,0.3-0.8,0.1-0.8-0.3c0,0,0,0,0.2-0.1v-0.3
			c-0.2-0.4,0.1-0.8,0.5-0.9h23.4c0.5,0.2,0.4,0.5,0.9,0.9V248.6z"
        />
        <path
          class="st12"
          d="M387.5,251.6c-0.5,0.4-0.4,0.8-0.9,0.5h-23.4c-0.5,0.3-0.8,0-0.5-0.5v-0.3c-0.2-0.4,0.1-0.7,0.5-0.8h23.4
			c0.5,0.2,0.4,0.4,0.9,0.8V251.6z"
        />
        <path
          class="st12"
          d="M387.5,254.7c-0.5,0.4-0.4,0.9-0.9,0.5h-23.4c-0.5,0.3-0.8,0-0.5-0.5v-0.3c-0.2-0.4,0.1-0.6,0.5-0.8h23.4
			c0.5,0.2,0.4,0.4,0.9,0.8V254.7z"
        />
        <path
          class="st12"
          d="M387.5,257.7c-0.5,0.4-0.4,0.9-0.9,1.3h-23.4c-0.5-0.5-0.8-0.9-0.5-1.3v-0.3c-0.2-0.2-0.2-0.5,0-0.6
			c0.2-0.1,0.3-0.2,0.5-0.1h23.5c0.5-0.2,0.4,0.3,0.9,0.7V257.7z"
        />
        <path
          class="st12"
          d="M374.6,260.8c0,0.4,0,0.5-0.4,0.5h-10.9c-0.5,0-0.7-0.2-0.7-0.5v-0.3c0-0.4,0.3-0.7,0.7-0.7l0,0h10.8
			c0.5,0,0.4,0.3,0.4,0.7L374.6,260.8z"
        />
        <path
          class="st12"
          d="M330.1,248.6c0.3,0.4,0.2,0.7-0.3,0.4h-23.5c-0.3,0.2-0.7,0.2-0.9-0.1c-0.1-0.1-0.1-0.2-0.2-0.3v-0.3
			c0.2-0.5,0.5-0.8,1-0.9h23.4c0.5,0.2,0.6,0.5,0.3,0.9L330.1,248.6L330.1,248.6z"
        />
        <path
          class="st12"
          d="M330.1,251.6c0.3,0.4,0.2,0.8-0.3,0.5h-23.5c-0.5,0.4-0.9,0-1-0.5v-0.3c0.1-0.4,0.5-0.7,1-0.8h23.4
			c0.5,0.2,0.6,0.4,0.3,0.8L330.1,251.6L330.1,251.6z"
        />
        <path
          class="st12"
          d="M330.1,254.7c0.3,0.4,0.2,0.9-0.3,0.5h-23.5c-0.5,0.4-0.9,0-1-0.5v-0.3c0.1-0.4,0.5-0.6,1-0.8h23.4
			c0.5,0.2,0.6,0.4,0.3,0.8L330.1,254.7L330.1,254.7z"
        />
        <path
          class="st12"
          d="M323.1,256.7h6.7c0.5-0.2,0.6,0.3,0.3,0.7v0.3c0.3,0.4,0.2,0.9-0.3,1.3h-23.5c-0.5-0.3-0.8-0.8-1-1.3v-0.3
			c0.1-0.5,0.5-0.8,1-0.7l0,0H323.1"
        />
        <path
          class="st12"
          d="M318.5,260.8c0,0.4-0.2,0.5-0.7,0.5h-11.6c-0.5,0-0.9-0.2-0.9-0.5v-0.3c0.1-0.4,0.5-0.7,0.9-0.7h11.6
			c0.4,0,0.7,0.3,0.7,0.6l0,0c0,0,0,0,0,0.1V260.8z"
        />
      </g>
    </g>
  </svg>
</template>
<script>
export default {
  data() {
    return {
      g1: [{}]
    };
  }
};
</script>
<style type="text/css">
.st0 {
  fill: #f8f8ff;
}

.st1 {
  fill: #bac5f4;
}

.st2 {
  fill: #e1e6fb;
}

.st3 {
  fill: #ffffff;
}

.st4 {
  fill: #fa5f5d;
}

.st5 {
  fill: #fdbc4e;
}

.st6 {
  fill: #37cd58;
}

.st7 {
  fill: url(#SVGID_1_);
}

.st8 {
  fill: url(#SVGID_2_);
}

.st9 {
  fill: url(#SVGID_3_);
}

.st10 {
  fill: url(#SVGID_4_);
}

.st11 {
  fill: url(#SVGID_5_);
}

.st12 {
  fill: #e9edfb;
}

.st13 {
  fill: url(#SVGID_6_);
  stroke: url(#SVGID_7_);
  stroke-width: 5;
  stroke-miterlimit: 10;
}

.st14 {
  fill: url(#SVGID_8_);
  stroke: url(#SVGID_9_);
  stroke-miterlimit: 10;
}

.st15 {
  fill: url(#SVGID_10_);
  stroke: url(#SVGID_11_);
  stroke-miterlimit: 10;
}

.st16 {
  fill: none;
  stroke: url(#SVGID_12_);
  stroke-width: 5;
  stroke-miterlimit: 10;
}

.st17 {
  fill: url(#SVGID_13_);
}

.st18 {
  fill: url(#SVGID_14_);
}

.st19 {
  display: none;
  fill: none;
  stroke: url(#SVGID_15_);
  stroke-width: 3;
  stroke-miterlimit: 10;
}

.st20 {
  display: none;
  fill: none;
  stroke: url(#SVGID_16_);
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.st21 {
  fill: url(#SVGID_17_);
  stroke: url(#SVGID_18_);
  stroke-miterlimit: 10;
}

.st22 {
  fill: url(#SVGID_19_);
}

.st23 {
  fill: url(#SVGID_20_);
  stroke: url(#SVGID_21_);
  stroke-miterlimit: 10;
}

.st24 {
  fill: none;
  stroke: url(#SVGID_22_);
  stroke-width: 2;
  stroke-miterlimit: 10;
}
</style>
